<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // 作用域分为： 局部作用域  全局作用域

    //局部作用域分为：函数作用域  块作用域

    /* 1. 函数作用域：在函数内部声明的变量只能在函数内部被访问，外部无法直接访问
                 1.1 函数内部声明的变量，在函数外部无法被访问
                 1.2 函数的参数（形参）也是函数内部的局部变量
                 1.3 不同函数内部声明的变量无法相互访问
                 1.4 函数执行完毕后，函数内部的变量实际被清空了 */

    /* 2.块作用域: 在js中使用{}包裹的代码称为代码块，代码块内部声明的变量外部【有可能】无法被访问
              2.1 let声明的变量会产生块作用域，var不会产生块作用域
              2.2 const声明的常量也会产生块作用域
              2.3 不同代码块之间的变量无法相互访问
              2.4 推荐使用let或const */
  </script>
</body>

</html>